<template>
  <!--<ChartDesignerMain></ChartDesignerMain>-->
    <el-tabs v-model="activeName" @tab-click="handleClick" style="width: 100%;height: 100%">
      <el-tab-pane label="BI设计器" name="first">
          <ChartDesignerMain></ChartDesignerMain>
      </el-tab-pane>

      <el-tab-pane label="BI预览" name="second">
          <ChartDesignerEcho></ChartDesignerEcho>
      </el-tab-pane>
    </el-tabs>
</template>

<script setup lang="ts">
/*
特别说明：
当前目录下datasetsFromJson.json的数据文件
当报表设计器，出于快速演示的效果，会粘贴json数据源记录，基于此解析为表结构，随后做了报表设计，如果需要回显，就可以使用这些数据
但是没有，
 */
import { ref } from 'vue';
import { ElTabs, ElTabPane } from 'element-plus';
import ChartDesignerMain from "@/views/chartDesigner/chartDesignerEltabs3/chartDesignerMain.vue";
import ChartDesignerEcho from "@/views/chartDesigner/chartDesignerEltabs3/chartDesignerEcho.vue";



const activeName = ref('first');

const handleClick = (tab, event) => {
  console.log('switch tab..........');
};


</script>


